<template>
  <section class="page">
    <headerbar>三会一课</headerbar>

    <section class="bg-white filter-wrap">
      <div class="item">
        <cube-select
          v-model="value"
          :options="options">
        </cube-select>
      </div>
      <div class="item">
        <cube-select
          v-model="value"
          :options="options">
        </cube-select>
      </div>

    </section>

    <section class="mgt-2">
      <div class="d-scroll list-wenda" style="">

        <div @click="goDetail()" class="item">
          <div class="icon">
            <span class="img"><img src="../../../../static/images/user_bg.jpg" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip"><span class="one">会议类型：支部党员</span><span class="one">会议地址：贵阳市服务中心</span></div>
            <div class="tip">
              <span class="one">发布时间：2020-05-20  14:30 至 2020-05-20  14:30</span>
            </div>
          </div>
        </div>
        <div @click="goDetail()" class="item">
          <div class="icon">
            <span class="img"><img src="../../../../static/images/user_bg.jpg" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip"><span class="one">会议类型：支部党员</span><span class="one">会议地址：贵阳市服务中心</span></div>
            <div class="tip">
              <span class="one">发布时间：2020-05-20  14:30 至 2020-05-20  14:30</span>
            </div>
          </div>
        </div>
        <div @click="goDetail()" class="item">
          <div class="icon">
            <span class="img"><img src="../../../../static/images/user_bg.jpg" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip"><span class="one">会议类型：支部党员</span><span class="one">会议地址：贵阳市服务中心</span></div>
            <div class="tip">
              <span class="one">发布时间：2020-05-20  14:30 至 2020-05-20  14:30</span>
            </div>
          </div>
        </div>

      </div>

      <div class="default-block-btn mgh-3">发起会议</div>

    </section>
  </section>
</template>

<script>
  export default {
    name: 'organizationalLife',
    data() {
      return {
        options: [2013, 2014, 2015, 2016, 2017, 2018],
        value: 2016
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import "@/common/stylus/moon.scss";

  .banner {
    width:100%;
    height:pxToRem(379px);
    background:$theme-color;
    img {
      @include fullImg();
    }
  }
</style>
